<ctaf-cp-dropdownlist [options]="countryOptions" valueKey="orgKey" textKey="orgName" [(ngModel)]="countryOrg" (ngModelChange)="search()"></ctaf-cp-dropdownlist>
<ctaf-cp-dropdownlist [options]="sexOptions" valueKey="orgKey" textKey="orgName" [(ngModel)]="sexOrg" (ngModelChange)="search()"></ctaf-cp-dropdownlist>
<ctaf-cp-datetimepicker [size]=150 textAlign="center" [(ngModel)]='startDate' (ngModelChange)="search()"></ctaf-cp-datetimepicker>-
<ctaf-cp-datetimepicker [size]=150 textAlign="center" [(ngModel)]='endDate' (ngModelChange)="search()"></ctaf-cp-datetimepicker>
<ctaf-cp-checkbox style="primary" [(ngModel)]="ifCombinaShow" (ngModelChange)="search()">组合展示</ctaf-cp-checkbox>

<ctaf-cp-button style="success" title="查询" (click)="search()"></ctaf-cp-button>
<!--默认样式：my-grid-dark；维护设置：my-grid-setting-->
<ctaf-cp-grid #agGrid [gridOptions]="gridOptions" customHostClass="my-grid-dark" [columnSelector]="true"></ctaf-cp-grid>
<!--pageChange事件,pageChange返回7个参数。pageSize为每页显示条数，itemStart为当前页起始条数，itemEnd为当前页结束条数，pageNumber为总页数，total为数据总条数,currentPage为默认当前显示页，reverse为反向-->
<ctaf-cp-pageination [options]="data" [reverse]=true (pageChange)="change($event)"></ctaf-cp-pageination>
<button type="text" (click)="alertShow()">打开Alert</button>
<!--弹出框-->
<ctaf-cp-confirmdialog #dialog1 width="350" preIcon="camera-retro" [visible]="display">
    Are you sure that you want to perform this action?
</ctaf-cp-confirmdialog>